<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>博客-详情页</title>
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
	<meta name="author" content="" />
	<!-- 载入公共头部 -->
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    

	<!-- CSS
  ================================================== -->
<!--   	<link href='http://fonts.useso.com/css?family=Roboto:400,700,400italic' rel='stylesheet' type='text/css'> -->
<!--     <link href='http://fonts.useso.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'> -->
<!--     <link href='http://fonts.useso.com/css?family=Nova+Square' rel='stylesheet' type='text/css'> -->
    <link rel="stylesheet" href="http://localhost/project/blog/Public/Home/styles/style.css" />
    <link rel="stylesheet" href="http://localhost/project/blog/Public/Home/styles/inner.css" />
    <link rel="stylesheet" href="http://localhost/project/blog/Public/Home/styles/flexslider.css" />
    <link rel="stylesheet" href="http://localhost/project/blog/Public/Home/styles/color.css" />
    <link rel="stylesheet" href="http://localhost/project/blog/Public/Home/styles/prettyPhoto.css"  media="screen" />
    <link rel="stylesheet" href="http://localhost/project/blog/Public/Home/styles/layout.css" />
    
    
    <link rel="stylesheet" href="http://localhost/project/blog/Public/hdjs/hdjs.css" />
    

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="http://localhost/project/blog/Public/Home/images/favicon.ico" />
	<style type="text/css">
			a.more{
				color:#e85244;
			}
			a.more:hover{
				color: #3A3534;
			}
	</style>
            
    
    
</head>



<body>
<div id="bodychild">
	<div id="outercontainer">
    
        <!-- HEADER -->
        <div id="outerheader">

            
            <header id="top">

                    <div id="logo">
                        <a href="index.html"><img src="http://localhost/project/blog/Public/Home/images/logo.png"/></a>
                    </div>

                    <section id="navigation">
                        <nav id="nav-wrap">
                            <ul id="topnav" class="sf-menu">
                                <li ><a href="http://localhost/project/blog/index.html">首页</a></li>
                                <li  ><a href="http://localhost/project/blog/l_ab.html">关于我</a></li>
                                <li  ><a href="http://localhost/project/blog/l_img_0.html">图片欣赏</a></li>
                                									
                                <li  ><a href="http://localhost/project/blog/l_c_1.html">好文分享</a></li>
                                 
									
                                <li  ><a href="http://localhost/project/blog/l_c_2.html">IT段子</a></li>
                                 
									
                                <li  ><a href="http://localhost/project/blog/l_c_3.html">慢生活</a></li>
                                 
				                            	<li  ><a href="http://localhost/project/blog/l_msg.html">给我留言</a></li>
                                
                            </ul><!-- topnav -->
                           
                            <div class="clear"></div>
                        </nav><!-- nav -->	
                    </section>
            
                <div class="clear"></div>
            </header>

        </div>
        <!-- END HEADER -->
	
        
        <!-- BEFORE CONTENT -->
        <div id="outerbeforecontent">
        	<div class="container">
            <div class="row">
                <div id="beforecontent" class="twelve columns">
                </div>
            </div>
            </div>
        </div>
        <!-- END BEFORE CONTENT -->


        <!-- MAIN CONTENT -->
        <div id="outermain">
        	<div class="container">
                <div class="row">
           
                    <section id="maincontent" class="eight columns positionleft">
                    	<div class="padcontent">

                            <section class="content">
								<article class="post">
                                    <div class="date-wrapper"> 
										<div class="date-value"><?php echo $arcData['click']?></div>
                                        <div class="month-value">点击量</div>
                                    </div>
                                	<div class="header-wrapper">
                                        <h2 class="posttitle"><a><?php echo $arcData['title']?></a></h2>
                                        <div class="entry-utility">
                                            <div class="user">发布者: <a href="#"><?php echo $arcData['author']?></a></div> 
                                            <div class="tag">Tags: 
                                            	<?php foreach ($tagData as $tid=>$tname){?>
                                            	<a href="<?php echo U('Lists/index',array('tid'=>$tid))?>"><?php echo $tname?></a>
                                            	<?php }?>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                    <div class="postimg">
                                        <img src="<?php echo __ROOT__?>/<?php echo $arcData['imgs']?>" />
                                    </div>
       								<div class="entry-content" style="border:0px none;">
                                      		<?php echo $arcData['content']?>
                                    </div>
                                    <style type="text/css">
                                                .praise{
                                                        width: 100%;
                                                        height: 30px;
                                                        line-height: 30px;
                                                }
                                                .comment-area{
                                                        width: 562px;
                                                        height: 220px;
                                                        position: relative;
                                                }
                                                .comment-area textarea{
                                                        padding: 15px 10px 20px;
                                                        color: #555;
                                                        border: 1px solid #d0d6d9;
                                                        outline: none;
                                                        box-shadow: 2px 2px 2px #F0F0F0 inset !important;
                                                }
                                                .comment-area .input-x{
                                                            line-height: 1.6em;
                                                            border: 1px solid #d0d6d9;
                                                            box-shadow: 2px 2px 2px #F0F0F0 inset !important;
                                                            color: #555;
                                                            font-size: 12x;
                                                            outline: none;
                                                            padding: 2px 10px 2px;
                                                            margin-bottom: 10px; 
                                                }
                                                #sub{
                                                        position: absolute;
                                                        top: 200px;
                                                        left:280px;
                                                }
                                                #hd{
                                                        position: absolute;
                                                        top: 200px;
                                                        left:210px;
                                                }
                                    </style>

                                    
                                    <div class="praise">
		                      <button class="hd-btn hd-btn-success hd-btn-sm" id="praise">点赞 <span id="num">(<?php echo $arcData['praise']?>)</span></button>
                                              <button class="hd-btn hd-btn-primary hd-btn-sm" id="comment">评论</button>
                                    </div>  
                                   <div class="clear"></div>
                                </article>
                                <script type="text/javascript">
                                            var comUrl = "<?php echo U('Comment/comment')?>";
                                            var praiseUrl = "<?php echo U('Comment/praise')?>"
                                 </script>
                                <!-- 评论区域 -->
                                <article class="post" id="comment-area">
                                            <div class="comment-area">
                                                        <form method="post" id="com-from" action="">
                                                                <p>匿名:</p>
                                                                <p><input type="text" name="nickname" class="input-x"></p>
                                                                <p>内容:</p>
                                                                <textarea class="hd-w300 hd-h90" name="content"></textarea>
                                                                <input type="hidden" name="aid" value="<?php echo $_GET['aid']?>">
                                                                <input type="submit" class="hd-btn hd-btn-primary hd-btn-sm" value="提交" id="sub">
                                                        </form>
                                                        <button class="hd-btn hd-btn-danger" id="hd">取消</button>
                                            </div>
                                </article>
                                
                                <div id="comdata-area">
                                    <?php if($cData){?>
                
                                        <?php foreach ($cData as $v){?>
        			     <div class="author">
                                                <h3><?php echo $v['nickname']?>:</h3>
                                                <div class="alignleft"></div>
                                                <div class="author-desc">
                                                 <span class="tdate"><?php echo date('Y-m-d H:i:s',$v['addtime'])?></span>
                                                 <p><?php echo $v['content']?></p>
                                                </div>
                                            </div>
                                            <div class="separator"></div>
                                        <?php }?>
                                    
               <?php }?>
                                 </div>

<?php if($cData){?>
                
                    <?php if($total > 2){?>
                
                    <div class="wp-pagenavi">
<style type="text/css">
.page{
            width:500px;
            height:25px;
            line-height: 25px;
            list-style: none;
}
.page li{
 float: left;
}
.page li.active a{
   color: #e85244;
}
</style>
                                    
                                    <ul class="page"><?php echo $page?></ul>
                                </div>
                                
               <?php }?>

               <?php }?>


                        </div>
                    </section>
                    
                   <!-- 载入右侧内容 -->
                <aside id="sidebar" class="four columns">
                    	<div class="padsidebar">
                        <ul>
                            <li class="widget-container">
                                <h2 class="widget-title">Search</h2>
                                <form action="lists/search" id="searchform" method="get">
                                    <div class="bgsearch">
	                                    <input type="text" id="s" name="keywords">
	                                    <input type="submit" value='' class="searchbutton">
                                    </div>
                                </form>
                            </li>
                            <li class="widget-container">
                                <h2 class="widget-title">分类列表</h2>
                                <ul>
                                										
                                    <li><a href="http://localhost/project/blog/l_c_1.html">好文分享</a></li>
                                     
									
                                    <li><a href="http://localhost/project/blog/l_c_2.html">IT段子</a></li>
                                     
									
                                    <li><a href="http://localhost/project/blog/l_c_3.html">慢生活</a></li>
                                     
				                                </ul>
                            </li>
                            <li class="widget-container">
                                <h2 class="widget-title">博文排行榜</h2>
                                <ul class="rp-widget">
                                										
                                    <li>
                                        <div class="postimg"><img src="http://localhost/project/blog/Upload/151115/thumb_60721447558741.jpg"  /></div>
                                        <h3><a href="l_ct_4.html">有没有那么一个人，让你曾经发了疯的想</a></h3>
                                        <span class="smalldate">2015-11-14</span>
                                        <span class="clear"></span>
                                    </li>
                                     
									
                                    <li>
                                        <div class="postimg"><img src="http://localhost/project/blog/Upload/151115/thumb_13091447558722.jpg"  /></div>
                                        <h3><a href="l_ct_5.html">读研三年vs工作三年，哪个更合适</a></h3>
                                        <span class="smalldate">2015-11-14</span>
                                        <span class="clear"></span>
                                    </li>
                                     
									
                                    <li>
                                        <div class="postimg"><img src="http://localhost/project/blog/Upload/151115/thumb_56071447558767.jpg"  /></div>
                                        <h3><a href="l_ct_1.html">遇见你，恋上一场花事</a></h3>
                                        <span class="smalldate">2015-11-14</span>
                                        <span class="clear"></span>
                                    </li>
                                     
									
                                    <li>
                                        <div class="postimg"><img src="http://localhost/project/blog/Upload/151115/thumb_42271447558752.jpg"  /></div>
                                        <h3><a href="l_ct_3.html">盈一眸清凉，捻一指荷香</a></h3>
                                        <span class="smalldate">2015-11-14</span>
                                        <span class="clear"></span>
                                    </li>
                                     
									
                                    <li>
                                        <div class="postimg"><img src="http://localhost/project/blog/Upload/151116/thumb_39121447658695.jpg"  /></div>
                                        <h3><a href="l_ct_2.html">爱了，散了</a></h3>
                                        <span class="smalldate">2015-11-14</span>
                                        <span class="clear"></span>
                                    </li>
                                     
				                                 </ul>
                            </li>
                           
                        </ul>
                        </div>
</aside>
                 
                </div>
            </div>
        </div>
        <!-- END MAIN CONTENT -->


 <!-- FOOTER -->
 <footer id="footer">
        	
            <!-- FOOTER SIDEBAR -->
            <div id="outerfootersidebar">
                <div class="container">
                    <div id="footersidebar" class="row"> 

                        <div id="footcol1"  class="three columns">
                            <ul>
                                <li class="widget-container">
                                    <h2 class="widget-title">最新文章</h2>
                                    <ul class="rp-widget">
                                    										
                                        <li>
                                        	<img  alt="" src="http://localhost/project/blog/Public/Home/images/content/rp.gif">
                                            <h3><a href="l_ct_5.html">读研三年vs工作三年...</a></h3>
                                            <span class="smalldate">2015-11-14</span>
                                            <p>有调查显示：毕业生读研主要的考虑仍为就业。“就业前景好”(34%)本月仍为国内读研第一位的理由；其次...</p>
                                           <span class="clear"></span>
                                        </li>
                       					 
				                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div id="footcol2"  class="three columns">
                            <ul>
                                <li class="widget-container">
                                    <h2 class="widget-title">标签云</h2>
									  <ul class="list">
                                    										
                                        <li><a href="http://localhost/project/blog/l_tag_1.html">生活</a></li>
                                         
									
                                        <li><a href="http://localhost/project/blog/l_tag_2.html">段子</a></li>
                                         
									
                                        <li><a href="http://localhost/project/blog/l_tag_3.html">美文</a></li>
                                         
									
                                        <li><a href="http://localhost/project/blog/l_tag_4.html">火爆</a></li>
                                         
									
                                        <li><a href="http://localhost/project/blog/l_tag_5.html">美女</a></li>
                                         
									
                                        <li><a href="http://localhost/project/blog/l_tag_6.html">快乐go</a></li>
                                         
				                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div id="footcol3"  class="three columns">
                            <ul>
                                <li class="widget-container">
                                    <h2 class="widget-title">友情链接</h2>
                                    <ul class="list">
                                    										
                                        <li><a href="http://weibo.com/u/2874689532/" target="_blank">新浪微博</a></li>
                                        
									
                                        <li><a href="http://t.qq.com/aidehuazhi" target="_blank">腾讯微博</a></li>
                                        
									
                                        <li><a href="http://www.sohu.com/" target="_blank">搜狐网</a></li>
                                        
									
                                        <li><a href="http://www.163.com/" target="_blank">网易网</a></li>
                                        
									
                                        <li><a href="http://lol.duowan.com/" target="_blank">多玩LOL</a></li>
                                        
									
                                        <li><a href="http://www.blogchina.com/" target="_blank">博客中国</a></li>
                                        
				                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div id="footcol4"  class="three columns">
                            <ul>
                                <li class="widget-container">
                                    <h2 class="widget-title">关注我</h2>
                                    <ul class="sn">
                                        <li><a href="http://weibo.com/u/2874689532?sudaref=localhost" title="Weibo" target="_blank"><span class="icon-img twitter"></span></a></li>
                                        <li><a href="http://weibo.com/u/2874689532?sudaref=localhost" title="Weibo" target="_blank"><span class="icon-img facebook"></span></a></li>
                                        <li><a href="http://weibo.com/u/2874689532?sudaref=localhost" title="Weibo" target="_blank"><span class="icon-img google"></span></a></li>
                                        <li><a href="http://weibo.com/u/2874689532?sudaref=localhost" title="Weibo" target="_blank"><span class="icon-img rss"></span></a></li>
                                    </ul> 
                              </li>
                            </ul>
                        </div>
                        <div class="clear"></div>
                 
                    </div>
                </div>
            </div>
            <!-- END FOOTER SIDEBAR -->
            
            <!-- COPYRIGHT -->
            <div id="outercopyright">
                <div class="container">
                    <div id="copyright">
                    CopyRight © 2015 . ChinaBlog 版权所有 . Start Of A Dream@qq.com.  个人博客                    </div>
                </div>
            </div>
            <!-- END COPYRIGHT -->
        </footer>
        <!-- END FOOTER -->
        <div class="clear"></div><!-- clear float --> 
	</div><!-- end outercontainer -->
</div><!-- end bodychild -->


<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/comment.js"></script>

<!-- 加载后盾插件 -->
<script type="text/javascript" src="http://localhost/project/blog/Public/hdjs/hdjs.min.js"></script>



<!-- jQuery Superfish -->
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/hoverIntent.js"></script> 
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/superfish.js"></script> 
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/supersubs.js"></script>

<!-- jQuery PrettyPhoto -->
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/fade.js"></script>
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/jquery-easing-1.3.js"></script>

<!-- jQuery Dropdown Mobile -->
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/tinynav.min.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/custom.js"></script>

<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/contact.js"></script>

<!-- jQuery Flexslider -->
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/jquery.flexslider-min.js"></script>
<script type="text/javascript">
jQuery(window).load(function() {
    jQuery('.flexslider').flexslider({
          animation: "fade",              //String: Select your animation type, "fade" or "slide"
		  directionNav: false, //Boolean: Create navigation for previous/next navigation? (true/false)
		  controlNav: true  //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
        });
		
});
</script>

<!-- jQuery Isotope -->
<script type="text/javascript" src="http://localhost/project/blog/Public/Home/js/jquery.isotope.min.js"></script>
<script>
function runisotope(){
	$container = jQuery('#ts-display');
		$container.isotope({
			itemSelector : '.item'
		});

	// filter items when filter link is clicked
	jQuery('#filter li').click(function(){
	jQuery('#filter li').removeClass('current');
		jQuery(this).addClass('current');
			var selector = jQuery(this).find('a').attr('data-filter');
			$container.isotope({ filter: selector });
		return false;
	}); 
};
jQuery(window).load(function(){
	runisotope();
});

jQuery(window).smartresize(function(){
	runisotope();
});
</script>

</body>
</html>

